<template>
  <div style="color: #666;font-size: 14px;">
   
    <el-card style="width: 99%;border:1px solid rgb(68,114,196)">
      <div slot="header" class="clearfix">
        <span>欢迎你！{{ user.nickname }}</span>
      </div>
      <div class="home-img">
        欢迎来到电动车充电桩在线管理平台
      </div>
    </el-card>

  </div>
</template>

<script>
import { listArea, getArea, delArea, addArea, updateArea ,pageArea} from "@/api/area";
export default {
  name: "Home",
  data() {
    return {
      user: localStorage.getItem("user") ? JSON.parse(localStorage.getItem("user")) : {},
      queryParams: {
        pageNum: 1,
        pageSize: 10,
        areaName: null,
        freeTime: null,
        timeUnit: null,
        unitCost: null,
        maxCost: null,
      },
      areaList:[],
      pageList:[]
    }
  },
  methods:{
   
  },
  mounted(){
     /** 查询充电区域列表 */
    
  }
}
</script>
<style scoped>
.home-img{
  /* background-image: url('~@/assets/homeBc.png'); */
  width: 100%;
  height: 500px;
  background-size: 30% 30% no-repeat;
  text-align: center;
  color: rgb(68,114,196);
  font-size: 100px;
  padding: 100px;;
}
.clearfix{
  text-align: center;
  font-size: 20px;
  color: rgb(68,114,196);
}
</style>
